Croakwood Devlog #4

In this post our art director and concept artist Marve gives some insights into her thoughts on the setting of the game and some of the influences for the art direction.

Mood

We decided pretty early on we want to keep the overall style semi-realistic and not wander too far into fantasy. From earlier conversations we referenced story-book like elements a lot, and its still one of our guiding elements in various design choices.

The story-book feel is reflected in the vibrant color scheme, stylized light and extra warm shadows, to really emphasize this almost dream-like warm summer day. The perfect time for frogs to be active!

Most importantly, there is no human involvement in our world. You wont encounter any stray tin cans or bottle caps. We really wanted to keep the forest and all the natural elements very untouched and wild.

In a way the forest is a character on its own. The light won't reach under thicker forest nooks which creates a much more cool and mysterious atmosphere. The frogs will be discovering their surroundings alongside the players, it's supposed to be a bit secretive and unpredictable. The trees and mushrooms grow too tall, the trails can lead to unknown locations and various strange creatures can cross your path.

To help along with the immersion we found it very important to have a direct reference to scale. Seeing familiar plants, mushrooms and trees are really nice ways to grasp how small our frogs are. Also, there's something so charming about imagining such a village existing in a massive forest you have walked in.

Early concept art exploring different ideas for biomes

Our world is set at a temperate climate with plenty of greenery and rain but nothing too tropical or desert dry. This helps narrow down the selection of flora and fauna we add to the environment.

With some creative freedom, a lot of it is reflected in the building materials, furniture, the clothes frogs wear and symbols they use in their arts and crafts.

Anyone who's had the chance to spend a lot of time in nature as a child might feel right at home here. A small yard or a garden used to feel like a massive playground, a whole forest would be filled with endless possibilities and mysteries.
We want to give you this feeling of being close to the ground, where bugs and snails roam around under leaves and grass blades and the sunrays peek through the leaves.

Influences

These are some of our main influences for the mood and look:

Midsummer, Djamila Knopf

This painting from Djamila Knopf has that specific feeling of wonder and warmth that reminds you of the carefree and quiet summers of childhood. There's so much magic and playfulness here and it always fills you with a sense of home. This is what we want Croakwood to feel like - warm, welcoming and a little bit dream-like.

Another huge influence here has been Arrietty, the movie by Studio Ghibli. Aside from the dollhouse furniture and borrowed human items, one of the most charming parts is how the tea poured in a mug behaves, it's so delightfully weird, thick and viscous; nothing like we're used to seeing. Small details like that help so much with pushing the believability.

Because we do not have humans living in our world, the focus for Croakwood is more on natural elements the frogs can use to craft their tools, workshops and houses.

In addition, Alexandre Diboine has his amazing world of Saltenpepper, which also has influenced the art direction quite a bit. The way he handles shapes and textures is very close to what we’re aiming for.

Tiny Garlic Shop, Alexandre “Zedig” Diboine

Small beings living among massive plants and vegetables; a lot of furniture and house designs are a direct reference to the environment around them; how large an actual garlic is in that space and how big and chunky the rolled up leaves are in the background - all of this pushes the believably and makes it much easier to imagine how it might be like to live in this world.

Setting

Croakwoods main location for the frogs is an open and light filled meadow in the middle of large ancient forest, a space lush with various flowers, mushrooms, shrubs and building materials taken straight from the environment.

There's a lot you can show with how the materials are used and the textures and detail density, for example how the wood grain would be a lot more bloated and the grooves and cracks will be more visible. Large pinecone makes an excellent material for some roof shingles. Tree bark is sturdy enough to build up walls and fences. And pine needles make a great rustic looking thatched roof.

Our frogs are also a bit chaotic and fun loving creatures, they might not always follow the most convenient building regulations. Patchwork of various materials make great little cottages. They can be very resourceful with what materials they use and how they build their houses.

Some of the first concepts for frog houses

The grid system and modular nature of the construction pieces do create some limitations, but we’ve been working hard to add plenty of variety in fun materials and elements to make this world extra cozy and alive.

Towns in Croakwood are meant to look like natural parts of the environment, everything is carefully and lovingly handcrafted by the villagers themselves. Also, the frogs coexist with the forest and its inhabitants - all the resources they make can provide for more than just for the town.
Perhaps you could use some to trade in exchange of a secret or as an offering for a mischievous forest spirit?

Croakwood Devlog #3

In a game about building frog towns the frogs are unsurprisingly pretty important.
Here's a look at how they developed over time and what we had in mind while working on them.

First of all, as with everything else, figuring out their look took some time and we went through some revisions.
The first try was a more biologically accurate version with the eyes on the side of the head. When viewed from the front the model looked like a perfectly fine frog, but in game it was a bit weird...

Left: first test version. Right: an updated version to fix some of the issues with it (but not quite the final version yet)

...especially when viewed from a more top-down camera, as you'll oftentimes see them in the game:

The positioning of the eyes made them look kinda angry from this camera view, so we changed this by moving the eyes more to the front. The head shape was also changed so you're more likely so see their "chin", which makes their default appearance look a bit more as if they are smiling.

To give them some individuality there's a bunch of different patterns and colors they can have. Here's a small selection:

To make the frogs feel more alive we gave them the ability to look around freely:

We can mark objects in the game as "interesting to look at" to have some control over where they are looking, but they can also simply look at some random unspecific point somewhere in front of them.
Apart from making them more interesting to watch it feels really good to see the frogs actively looking at the nice town you've built for them as they wander around 🙂

They can also react to things happening around them and express their current mood. Here's some of the animations we have for that:

We have some ideas for how to push this a bit further to be a bit more readable and noticeable, but this is something we still need to work on.

One problem we had is that the frogs have pretty long feet and whenever they stood on stairs or sloped terrain the feet would clip into the ground and disappear entirely:

Not very nice! So we improved it by moving the feet out of the ground using IK:

Croakwood Devlog #2

Where do you even start developing a game? There's so many things you need to work on at the same time.
A good starting point probably is the terrain and general environment, so let's take a look at how that developed.

As with any feature, it starts very simple. Over time we get a better idea for what exactly we need and we keep iterating to improve and expand.
Since we knew it would be a grid-based game again our starting point was the Parkitect terrain. The main challenge is that you have to be able to build paths and buildings on the terrain, which means the terrain can't be too bumpy, but we still wanted it to look somewhat smooth and natural.

First Croakwood terrain tests, ~early 2022

What we came up with is not too different from Parkitects terrain actually - it's secretly still using the same blocky slopes that work well for putting paths on them, but then we add a bunch more polygons to it, smoothen it using ideas from Bezier surfaces and add a bit of random bumpiness.

This creates the problem of the bumps in the terrain clipping through the paths...

...which we can solve by flattening the terrain wherever a path is.

Another technical challenge we had to solve that our terrain could only be a single big rectangle initially, but we wanted to create maps that are very irregularly shaped sprawling woods, with little pockets where you can build.

Big rectangular terrain, ~mid 2022

Creating this kind of playable space inside a big rectangle would mean there'd be a lot of wasted space, which is bad for performance. We solved it by splitting up the terrain into lots of small rectangles that can be created wherever we want, which allows us to give the map a much more freeform shape.

And since the terrain was more detailed than Parkitects we also had to add a system for reducing details in far-away areas.

Finally, to make the terrain look more interesting we added a way to paint it with a bunch of different textures.

To decorate the terrain even more we wanted a way to place lots of objects on it, for example blades of grass.
Figuring out a fitting style for the grass took some iterations. Especially early on we didn't fully know what the game was going to look like yet, so the first version was more of a technical test:

Early grass test, ~late 2021

Eventually we figured out that having a nice transition between the terrain texture and the grass is really important for it to look good.
On the technical side, the key to achieving this was to give the grass the same normals as the terrain to make everything look less messy, and to fade its color towards the terrain texture at the bottom.
Here's a test where they blend together more nicely:

Better fitting grass, ~mid 2022

And finally it received some more texture to reach the current state. In addition to the grass there's a couple of other objects that can be spammed across the terrain.

This is getting quite technical now, but there were a few questions that stumped us for a while:

  • how do you store grass in the savegame? Obviously you can't store the position of each individual blade of grass, that'd be way too much data
  • how do you even keep the grass in memory? Keeping hundreds of thousands of positions for the grass blades on a huge map in memory would be too much

The answers came from a great video on the grass in Ghost of Tsushima: you create a low-resolution density map that says how much grass should be in an area, then when that area becomes visible you generate the data you need for the grass instances (i.e. the position, rotation, which mesh to use) - we do this in a compute shader, so it's super fast. When the area goes invisible you can unload all that instance data. So all you ever need to have in memory is what's visible, and all you need to store in the savegame is the low-resolution density map.

Density map debug view

This allows to spawn large amounts of small objects at low performance cost.

Croakwood Devlog #1

Whew! Feels good to finally have this game announced and be able to talk about it 😊
Seeing all the reactions to the announcement trailer was incredibly thrilling, and we're all very happy that people seem to be quite excited about it and sent so many nice comments. You never know - obviously we think this game is cool, but it's very hard to judge if anyone else thinks so as well before actually showing the game. So this is very reassuring!

With that, let's continue where the previous blog series left off and properly start the Croakwood devlog.
We have been working on this game since late 2020 roughly and still have a lot of work ahead of us before release. So, there's lots of stuff to talk about that's already been done, and then over time we'll catch up with what's going on recently.

Obviously we did end up deciding to make a town building game, despite the prototyping attempts chronicled in the previous blog series only having mediocre success. How did this happen?

The conclusion from our previous attempts was that if we want to make a town builder, it should be somewhat unique gameplay-wise, with some mechanics that are more interesting than just plopping down buildings and waiting. Additionally, it should have a somewhat unique setting - everyone has already seen a dozen medieval or futuristic town building games, so doing something else seemed more interesting with a bigger chance to stand out from the crowd.

The answer to the gameplay question should have been obvious after making Parkitect, but it really took creating all these other prototypes to find it: what if you could design the houses in the town yourself? What if decorating the town nicely had some impact on gameplay, like in Parkitect?
Surely there must be some other town builders out there that are a mix between management and creativity/decorating but it's certainly not the norm, so that immediately seemed like it could be a good idea. Plus we'd get to apply a bunch of stuff we learned from Parkitect to it!

And so we created one more town builder prototype, and since it would share a lot of gameplay mechanics with Parkitect... we simply took Parkitect and turned that into the prototype! Here's how that looked:

It's not much but it had all of the core elements that are part of Croakwood: houses you can design yourself; villagers doing various jobs; resources getting created and transported around. This seemed promising and convinced us to keep going!

All that was left to figure out was a setting then. We thought a "miniature scale" world would be fun and interesting, so we started looking around for a fitting concept artist... and found Marve, who had lots of concepts of cozy house interiors and miniature scale towns in her portfolio, and was interested in doing some concept art for us!

Not Croakwood concept art. This is something Marve had made before and is one of the pieces that caught our attention

She came up with a first concept to determine the rough setting, style and mood of the game:

And she also tried a few ideas for the villagers, of which we all liked the frogs the most.

... and she's been working on an endless stream of concept art ever since 😅. As it turns out there's lots of objects to design if you want to fill an entire frog village.

Which also means there's lots of objects to model! It was more than Garret could possibly handle alone, and we were lucky once again to find Kindra, who has not only been tirelessly trying to keep up with the concept art but also designed plenty of additional objects.

Abby originally joined us for animating all of the activities the frogs get up to, but she has also done a lot of work on shading and lighting and is currently working on concept art for additional characters.

And to make the team introduction complete, we have the same team members you might remember from Parkitect: Garret is mainly doing 3D art once again, Sebastian and Patrick are handling the programming, and Jada is taking care of production and game design tasks.
Of course while there's more people around now we're still a pretty small team, so it's not unusual for anyone to do some other tasks outside their main expertise.

Finally, anything regarding sound and music is handled by the great team at A Shell in the Pit again and the Croakwood logo was designed by Colby Nichols, who also created the Texel Raptor logo.